<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="ventalist.title"/></title>
    <meta name="heading" content="<fmt:message key='ventalist.heading'/>"/>    
</head>

<form:form commandName="venta" method="post" action="ventaSearch.html" 
	id="venta">


<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/venta/ventaForm.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button" 
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>

<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
		<div>
			<fmt:message key="common.cliente"/><br/>
		    	<form:input path="deCliente" id="deClienteID" maxlength="50" cssClass="text medium" />							
			<br/>		
			<fmt:message key="venta.manual.tarjeta.cliente"/><br/>
		    	<form:input path="coCodigoTarjetaPersona" id="coCodigoTarjetaPersonaID" maxlength="50" cssClass="text medium" />							
			<br/>				
			<fmt:message key="cliente.persona.codigo.documento"/><br/>
		    	<form:input path="deNumeroDocumento" id="deNumeroDocumentoID" maxlength="50" cssClass="text medium" />							
			<br/>				
		
			<fmt:message key="venta.manual.recibo"/><br/>
		    	<form:input path="coRecibo" id="coReciboID" maxlength="50" cssClass="text medium" />							
			<br/>
			<fmt:message key="venta.manual.placa"/><br/>
				<form:input path="dePlaca" id="dePlacaID" maxlength="50" cssClass="text medium" />						
			<br/>			
			<fmt:message key="venta.manual.estacion" /><br/>
				<form:select cssClass="text medium" id="coCodeEstacionID" path="coCodeEstacion">
				<option value="-1"><fmt:message key="label.itemdefault"/></option>
					<form:options itemValue="coCodigoCofide" itemLabel="deEstacion" items="${estaciones}" />
				</form:select>								
			<br/>		
			
			
			
			
				<fmt:message key="venta.manual.fecha.venta.inicio"/><br/>
				<form:input path="fechaVentaInicio" id="fechaVentaInicioID" size="11"
					cssClass="text medium" />
				<input type="button" class="buttoncal" id="fechaVentaInicioCal"
					value="..." />  [<fmt:message key="date.format" />]
	        <form:errors path="fechaVentaInicio" cssClass="fieldError" />
				<script type="text/javascript">
		    	new Calendar({
	                  inputField: "fechaVentaInicioID",		// id of the input field
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaVentaInicioCal",	// id of the button
	                  bottomBar	: false,
	                  onSelect	: function() {
	    					this.hide();
	                  }
		          });
		     </script>			
			
			
			<fmt:message key="venta.manual.fecha.venta.fin"/><br/>
			<form:input path="fechaVentaFin" id="fechaVentaFinID" size="11"
					cssClass="text medium" />
				<input type="button" class="buttoncal" id="fechaVentaFinCal"
					value="..." />  [<fmt:message key="date.format" />]
	        <form:errors path="fechaVentaFin" cssClass="fieldError" />
				<script type="text/javascript">
		    	new Calendar({
	                  inputField: "fechaVentaFinID",		// id of the input field
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaVentaFinCal",	// id of the button
	                  bottomBar	: false,
	                  onSelect	: function() {
	    					this.hide();
	                  }
		          });
		     </script>				
			
			
			
			
						
			<br/>	
			
			
			
			<fmt:message key="venta.manual.fecha.creacion.inicio"/><br/>					
				<form:input path="fechaCreacionInicio" id="fechaCreacionInicioID" size="11"
					cssClass="text medium" />
				<input type="button" class="buttoncal" id="fechaCreacionInicioCal"
					value="..." />  [<fmt:message key="date.format" />]
	        <form:errors path="fechaCreacionInicio" cssClass="fieldError" />
				<script type="text/javascript">
		    	new Calendar({
	                  inputField: "fechaCreacionInicioID",		// id of the input field
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaCreacionInicioCal",	// id of the button
	                  bottomBar	: false,
	                  onSelect	: function() {
	    					this.hide();
	                  }
		          });
		     </script>			
			
			
				<fmt:message key="venta.manual.fecha.creacion.fin"/><br/>
				<form:input path="fechaCreacionFin" id="fechaCreacionFinID" size="11"
					cssClass="text medium" />
				<input type="button" class="buttoncal" id="fechaCreacionFinCal"
					value="..." />  [<fmt:message key="date.format" />]
	        <form:errors path="fechaCreacionFin" cssClass="fieldError" />
				<script type="text/javascript">
		    	new Calendar({
	                  inputField: "fechaCreacionFinID",		// id of the input field
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaCreacionFinCal",	// id of the button
	                  bottomBar	: false,
	                  onSelect	: function() {
	    					this.hide();
	                  }
		          });
		     </script>				
			
			<br/>					
			
							
			<input type="submit" value="<fmt:message key="button.search"/>"/>

		</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" />


	<display:table name="clpmventas" cellspacing="0" cellpadding="0" requestURI="" 
		id="clpmventas" pagesize="30" class="table" style="width: 800px">
		    
		<display:column titleKey="venta.manual.recibo" 	property="coRecibo"
		url="/venta/ventaForm.html?from=list" paramId="id" paramProperty="id"/>       
		<display:column property="deEstacion" titleKey="venta.manual.estacion"/>
		<display:column property="clientePersona" titleKey="venta.manual.nombre.cliente"/>
		<display:column property="fechaVenta" titleKey="venta.manual.fecha.venta"/>
		<display:column property="fechaCreacion" titleKey="venta.manual.fecha.creacion"/>
		<display:column property="dePlaca" titleKey="venta.manual.placa"/>
		<display:column property="vaPrecioVenta" titleKey="venta.manual.precio.venta"/>
		
	</display:table>	

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">
	
    function buscarVentas()
    {
		//var numeroRecibo=dwr.util.getValue("reciboId");
		//var fechaVenta=dwr.util.getValue("fechaVentaId");
		//var estacion=dwr.util.getValue("coCodeEstacionId");
		//var placa=dwr.util.getValue("placaId");

		 //link = "<c:url value="/venta/ventaList.html?coRecibo="/>" + numeroRecibo
     	  //		+ "&coCodeEstacion="+estacion
     	 //		+ "&dePlaca="+placa;
    	 //window.location.href = link;	 	
    }       
</script>

<script type='text/javascript' src="<c:url value="/dwr/interface/VentaService.js"/>"></script>